<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<head>
  <base href="<%=basePath%>">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no, shrink-to-fit=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>订单列表</title>
  <script src="static/scripts/cssrem.js"></script>
<link href="static/styles/style.css" rel="stylesheet"></head>

<body>
  <div class="content">
    <div class="wrapper">
      <div class="order-list">
        <!-- <div class="order-item bgwh">
          <a class="g3" href="./order-detail.html">
            <div class="cell pt20 pb20">
              <div class="cell__bd f28 pl20 g3">订单编号:20177403050020</div>
              <div class="cell__fd b f26 text-danger">已完成</div>
            </div>
            多款商品时显示
            <div class="pt20 pb20 ui-1px-t order-swiper">
              <div class="swiper-container">
                <div class="swiper-wrapper">
                  <div class="swiper-slide photo100"><img src="" alt=""></div>
                  <div class="swiper-slide photo100"><img src="" alt=""></div>
                  <div class="swiper-slide photo100"><img src="" alt=""></div>
                  <div class="swiper-slide photo100"><img src="" alt=""></div>
                </div>
              </div>
            </div>
          </a>
          <div class="cell pt20 pb20 ml20 ui-1px-t">
            <div class="cell__bd f28 g3"></div>
            <div class="cell__fd f26"><em class="g9 f24">实付款：</em><em class="g3 b f28">￥10000.00</em></div>
          </div>
        </div> -->
        <c:forEach items="${resOrderList}" var="order">
        <div class="order-item bgwh">
          <a class="g3" href="./order-detail.html">
            <div class="cell pt20 pb20">
              <div class="cell__bd f28 pl20 g3">${order.order_id}</div>
              <div class="cell__fd b f26 text-danger">${order.state}</div>
            </div>
            <c:forEach items="${resOrderList.goodsList}" var="good">
            <div class="cell pt20 pb20 ui-1px-t">
              <div class="cell__hd photo100 photo__goods"> <img src="" alt=""> </div>
              <div class="cell__bd f28 pl20 g3">
                <p class="f26">${good.title}</p>
                <div class="clearfix pt10"> <span class="text-primary b l"><em class="f26">￥</em><em class="f30">${good.price}</em><em class="f26">万/吨</em></span>                  <span class="r f26 g9">×1</span> </div>
              </div>
              <div class="cell__fd b f26 text-danger"></div>
            </div>
            </c:forEach>
          </a>
          <div class="cell pt20 pb20 ml20 ui-1px-t">
            <div class="cell__bd f28 g3"></div>
            <div class="cell__fd f26"><em class="g9 f24">实付款：</em><em class="g3 b f28">￥${order.realPrice}</em></div>
          </div>
          <!-- <div class="cell pt20 pb20 ml20 ui-1px-t">
            <div class="cell__bd f28 g3 tr"> <a class="btn dib f24 g3 mr20" href="./pay-detail.html">支付凭证</a> <a class="btn dib f24 g3 mr20" href="javascript:;">确认付款</a>              </div>
          </div> -->
        </div>
        </c:forEach>
      </div>
    </div>
  </div>
  <script>
    document.addEventListener('DOMContentLoaded', function () {
      dropDownDoad()
    });

    function dropDownDoad() {
      var content = document.querySelector('.content');
      content.addEventListener('scroll', function () {
        console.log(this.scrollTop);

      })

    }
  </script>
<script type="text/javascript" src="static/scripts/vendor.js"></script><script type="text/javascript" src="static/scripts/app.js"></script></body>

</html>
